<script lang='ts' setup name='App'>
import { ref } from "vue";
import Menu from "@/components/Menu.vue";
import Department from "@/views/department/index.vue";

</script>

<template>
      <!-- <el-button type="primary">按钮</el-button>
      <el-button type="dranger">按钮</el-button>
      <el-button type="warning">按钮</el-button> -->


      <el-container>
            <el-header class="header">Header</el-header>
            <el-container class="btom">
                  <el-aside width="200px" class="menu">
                        <Menu/>
                        <!-- <Menu></Menu> -->
                  </el-aside>
                  <el-main class="content">

                              <Department/>

                  </el-main>
            </el-container>
    </el-container>


</template>

<style scoped>
.header{
      background-color: #C6E2FF;
      line-height: 60px;
}

.btom{
      height: calc( 100vh - 60px );
}

.menu{
      background-color: skyblue; 
}
    
</style>